/*
*1.卷去高度
*/
//ie
    var scrollTop = document.documentElement.scrollTop ; //有没有文档声明都可以
    var scrollTop = document.body.scrollTop ; //有文档声明
//chrome
    var scrollTop = document.documentElement.scrollTop ; //有文档声明
    var scrollTop = document.body.scrollTop ; //没文档声明


/**
 * 2.获取非行内样式
 * 
 * */
//ie
    var color = boxEle.currentStyle.color ; //获取的是rgb
//chrome
    var width = getComputedStyle(boxEle,null)['width'] ; //null可以写伪类选择器获取伪类的样式
//兼容性函数
    function getStyle(ele,styleName){
        if( window.getComputedStyle ){
            return getComputedStyle(ele,null)[styleName]
        } else {
            return ele.currentStyle[styleName] ;
        }
    }

/**
 * 3.键盘ASCII码keyCode的兼容性
 * 即将弃用
*/
    var keyCode = event.keyCode || event.which ; 
    //前面是chrome ，后面是ie8及以下

/**
 * 4.事件event的兼容性
 * 
*/
    var e = event || window.event ; 
    //前面是chrome，后面是ie8及以下

/**
 * 5.事件监听
*/
//ie
    boxEle.attachEvent("onclick",function(){

    });
//chrome
    boxEle.addEventListener("click",function(){

    });
    //兼容性处理函数
    function bindEvent(ele,eventName,fn){
        if ( window.addEventListener ){
            return ele.addEventListener(eventName,fn);
        } else {
            return ele.attachEvent("on"+eventName,fn);
        }
    }

/**
 * 6.目标元素/靶元素
 * 事件委托
*/
    var target = e.target || e.srcElement ; 
    //前面是chrome ，后面是ie8及以下

/**
 * 7.阻止默认事件
 * 
*/
    e.preventDefault();    //chrome
    e.returnValue = false ; //ie8及以下

/**
 * 
*/